<template>
  <div @click="$router.push('/detailpost?id='+ data.id)">
    <div class="imgText">
        <div class="imgText_left">
            <h4>
                {{data.title}}
            </h4>
            <span>{{data.user.nickname}} {{data.comment_length}}跟帖</span>
        </div>
        <img :src="data.cover[0].url" alt="">
    </div>
</div>
</template>
<script>
export default {
    props:['data']
}
</script>

<style lang="less" scoped>
 .imgText{
      padding: 10/360*100vw;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 2px solid #cccccc;
    .imgText_left{
        h4{
            display: -webkit-box;
            font-size: 16px;
            color: #333;
            font-weight: normal;
        }
        span{
            font-size: 14px;
            color: #868686;
        }
    }
    img{
        width: 110/360*100vw;
        height: 75/360*100vw;
        display: block;
        object-fit: contain;
    }
  }
</style>